
html, body {
	height: 100%;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

* {
	box-sizing: border-box;
}

.container {
	display: flex;
	flex-direction: row;
	height: 100%;
}

.list {
	padding: 0px 16px;
	flex-grow: 1;
	overflow-y: scroll;
}

.list > .item {
	padding-top: 16px;
}

.list > .item > .title {
	margin: 0;
}

.list > .item > .content {
	height: 480px;
	background-color: #999999;
}

.drawer {
	top: 0;
	bottom: 0;
	background-color: #999999;
	width: 180px;
	overflow-x: hidden;
}

.drawer > .indexList {
	width: calc(100% + 18px);
	height: 100%;
	overflow-y: scroll;
	padding-bottom: 8px;
}

.drawer > .indexList > .item:hover {
	cursor: pointer;
}

.drawer > .indexList > .checked {
	background-color: #e1e1e1;
}

.dialog {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.3);
	display: none;
}